 /*滑动菜单 */
 #top{
   width:100%;
   height:110px;
   display: flex;
   justify-content: center;
   align-items: center;
	 position: fixed;
	 top:51px;
	 z-index: 99;
	 background:#f2f2f2;
 }
 .top_center{
   width:96%;
   border-radius: 50px;
   background:#fff;
   display: flex;
   justify-content: center;
   align-items: center;
	 height:85%;
 }
 .top_center_left{
   width:80%;
   height:100%;
   overflow-x: hidden;
 }  
li {
  list-style: none;
}
.top_center_left1{
   width:100%;
   height:100%;
   overflow-x: scroll;
 }
#nav {
  width: 346%;
  height: 94px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
} 
#nav:before{
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 10px;
  background: #fff;
  left: 0;
  bottom: 0;
  z-index: 20;
}
.list {
   width: 100%;
   box-sizing: border-box;
   height:100%;
}
.item {
   float: left;
   width: 77px;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
	 font-size: 9px;
	 color:#000;
	/* height:24px; */
	 line-height: 24px;
}
.item>img{
   width:60px;
   height:35px;
   border-radius: 20px;
   margin-top:10px;
}
.item>p{
   font-size: 9px;
   color:#000;
	 height:24px;
   line-height: 24px;
}
.top_center_right{
   width:20%;
   height:100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}
.top_center_right>img{
   width:30px;
   height:30px;
   
}
.top_center_right>div{
   font-size: 14px;
   color:#ff9907;
}
.yangshi{
	color:#ff9907;
}
.xianshi{
   height:100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   margin-left: 10px;
}
.xianshi>img{
   width:60px;
   height:35px;
   border-radius: 20px;
   margin-top:15px;
}
.xianshi>p{
   font-size: 12px;
	 line-height: 24px;
   color:#ff9907;
  
}
 /*section */
#section{
  width:100%;
  height:40px;
  background:#fff;
	position: fixed;
	top:159px;
	z-index: 99;
}
#section>ul{
  width:100%;
  height:100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#section>ul>li{
  width:33%;
  height:100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#section>ul>li>div{
  width:80%;
  height:30px;
  font:14px/30px "";
  text-align: center;
	
}
.active{
  background:#ff9907;	
  border-radius: 50px;
  color:#fff;
}
 /*main */
 #main{
	 width:100%;
	 margin-top:144px;
 }
 .main_center{
	width:100%;
	 height:100%;
}
.main_center0{
/* 	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 flex-wrap: wrap; */
	 height:100%;
}
.main_center1{
/* 	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 flex-wrap: wrap; */
	 height:100%;
}
.margin_list{
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 flex-wrap: wrap; 
}
 /*一行2列 */
.main_center_list{
	float: left;
	width:49%;
	height:100%;
	margin-top: 8px;
	height:220px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
}
.main_center_list_t{
	position: relative;
	height:190px;
	display: flex;
	justify-content: space-between;
	align-items: center;

}
.main_center_list .main_img{
  width:100%;
	height:100%;
	object-fit: cover;
}
.main_center_list>p{
	width:100%;
	height:30px;
	font: 12px/30px "";
	color:#666;
	background:#fff;
	text-align: center;
}
.main_img1{
	width:30%;
	position: absolute;
	right:0;
	top:0;
}
 /*一行3列 */
 .margin_list1{
 	 display: flex;
 	 justify-content: space-between;
 	 align-items: center;
 	 flex-wrap: wrap; 
 }
.main_center_list2{
	width:32%;
	height:100%;
	margin-top: 8px;
	height:167px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	background:#000000;
}
.main_center_list_t1{
	width:100%;
	height:137px;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;

}
.main_center_list_t1 .main_img{
	width:100%;
	height:100%;
	object-fit: cover;
	
}
.main_center_list2>p{
	width:100%;
	height:30px;
	font: 10px/30px "";
	color:#666;
	background:#fff;
	text-align: center;
}
.main_img3{
	width:30%;
	position: absolute;
	right:0;
	top:0;
}
 /*一行4列 */
 .margin_list2{
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	flex-wrap: wrap; 
 }
.main_center_list3{
	width:24%;
	height:100%;
	margin-top: 8px;
	height:118px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	background:#000000;
}
.main_center_list_t2{
	width:100%;
	position: relative;
	height:88px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.main_center_list3 .main_img{
	width:100%;
	height:100%;
	object-fit: cover;
}
.main_center_list3>p{
	width:100%;
	height:24px;
	font: 9px/24px "";
	color:#666;
	background:#fff;
	text-align: center;
	overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
	text-indent: 2px;
}
.main_img5{
	width:30%;
	position: absolute;
	right:0;
	top:0;
}
.show{
	display: block;
}
.hide{
	display: none;
}
 /*点击全部分类弹出层的css */
#ceng{  
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.2);
  position: fixed;
  top:54px;
  display: none;
	overflow-y: scroll;
	z-index: 100;
	
} 
.quanFixrd{
  width:75%;
  height:290%;
  background:#fff;
  margin-left:25%;
}
.quanFixrd_top{
  width:100%;
  height:70%;
}
.quanFixrd_bottom{
  width:80%;
  display: flex;
  justify-content: center;
  align-items: center;
	position: fixed;
  bottom:0;
	background:#fff;
	height: 55px;
	z-index: 99;
	padding-top: 10px;
}
.quanFixrd_bottom>div{
	width:100px;
	color:#ff9907;
	font-size:14px;
	border:1px solid #ff9907;
	line-height: 30px;
	text-align: center;
	border-radius: 25px;
	margin-bottom: 15px;
}
.quanFixrd_bottom>div:first-child{
	color:#fff;
	background:rgba(255,153,7,1);
}
.act{
	background:#ff9907;
	color:#fff;
}
.act1{
	color:#ff9907;
}
.quanFixrd_bottom>div:last-child{
	margin-left:10px;
}
.one_select{
    height:50px;
	width:100%;
	border-bottom:1px solid #f2f2f2;
	line-height:50px;
	padding-left:15px;
	color:#282828;
	font-size:16px;
}
.quanFixrd_top> .ol> .li{
	height:50px;
	border-bottom:1px solid #f2f2f2;
	width:100%;
	display: flex;
    justify-content: space-between;
	align-items: center;
	position: relative;
}
.oneclassify{
	color:#282828;
	font-size:16px;
	width:80%;
	line-height: 50px;
	height:100%;
	z-index: 99;
	margin-left:15px;
}
.oneclassify_img{
    width:20%;
	height:100%;
	display: flex;
	justify-content:center;
	align-items: center;
	position: relative;
}
.oneclassify_img>img{
    width:30%;
}
.img1{
	position: absolute;
	right:20px;
	display: block;
}
.img2{
	display: none;
}
.twoClasslist{
	display:none;
}
.twoClassify{
	 width:100%;
	 height:100%;
	 display: flex;
	 justify-content: flex-start;
	 align-items: center;
	 flex-wrap: wrap;
	 padding-bottom: 15px;
	 border-bottom:1px solid #f2f2f2;
}
.twoClassify>li{
    width: 75px;
    background: #f2f2f2;
    text-align: center;
    font: 14px/30px "";
    height: 24px;
    border-radius: 5px;
    margin-top: 15px;
    height: 30px;
	  margin-left: 14px;
		/* margin-bottom:6px; */
}	
.twoType{
	background:url(../images/add/fl_ok.png) no-repeat 100% 100%;
	background-size:100%;
}
